<template>
  <div>
    <input
      type="text"
      name=""
      id=""
      :value="modelValue"
      @input="
        emit('update:modelValue', ($event.target as HTMLInputElement).value)
      "
    />
  </div>
</template>

<script setup lang="ts">
defineProps({
  modelValue: {
    type: String, // 根据你的实际类型调整，可能是 String / Number / Object 等
    default: "",
  },
});
const emit = defineEmits(["update:modelValue"]);
</script>

<style scoped>
input {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 5px;
}
</style>
